Demonstrates the FileUpload control for a normal (non-Ajax) request

<p/>

<h3>File Upload</h3>

$form

<p/>

<table border="1" cellspacing="0" cellpadding="6" style="empty-cells:show;width:300px;">
 <tr style="background:#D0D0D0">
     <td colspan="2" style="font-weight: bold">File Upload Result</td>
 </tr>
 <tr>
  <td>File Name</td> <td>$!fileItem.name</td>
 </tr>
 <tr>
  <td>File Size</td> <td>$format.decimal($!fileItem.size)</td>
 </tr>
 <tr>
  <td>Content Type</td> <td>$!fileItem.contentType</td>
 </tr>
</table>

<p/>

<hr style="margin-top:2em;margin-bottom:2em"/>

<h3>Ajax File Upload</h3>
Demonstrates the FileUpload control for an Ajax request

<p/>

$ajaxForm

<p/>

<table border="1" cellspacing="0" cellpadding="6" style="empty-cells:show;width:300px;">
 <tr style="background:#D0D0D0">
     <td colspan="2" style="font-weight: bold">File Upload Result</td>
 </tr>
 <tr>
  <td>File Name</td> <td id="ajax-fileitem-name"></td>
 </tr>
 <tr>
  <td>File Size</td> <td id="ajax-fileitem-size"></td>
 </tr>
 <tr>
  <td>Content Type</td> <td id="ajax-fileitem-content-type"></td>
 </tr>
</table>
